<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:t="http://myfaces.apache.org/tomahawk">

<div align="center">
<ui:composition
	template="../../templates/template.xhtml">
	<ui:define name="title">
	 	Signature Details Page
	</ui:define>
	<ui:param name="page" value="home" />
	<ui:define name="header">
		<ui:include src="../../header.xhtml" />
	</ui:define>
	
	
	<ui:define name="menu">
		<h:form id="menu">

			<div align="center">
			<br />
			<br />
			<h:commandButton value="Back"
				action="#{agentSigDetailsPage.back}" styleClass="buttonClass" />
			<br />
			<br />
			</div>

		</h:form>
	</ui:define>
	

	<ui:define name="body">
		<h:form>
		
		<h:panelGrid columns="1" width="100%" styleClass="outerTable" columnClasses="standardTable_ColumnCentered">
			<f:facet name="header">
			<h:outputText value="Signature Details"  />
			</f:facet>
		<h:column>
		<div class="allPeopleHolder" >
			<h:dataTable id="document" value="#{agentCaseDetailsPage.documentList}" var="document" 
			 width="100%" >
			<!-- add the sinature tracking id here -->    
         		<h:column rendered="#{document.signedDoc}" >
         			<h:dataTable id="SigTrackID" value="#{document.signatures}" var="sig" >
         				<h:column>
         					<f:facet name="header" >
         						<h:outputText value="Document Signed" />
         					</f:facet> 
         					<h:outputText value="#{sig.document.title}" />
						</h:column>
         				<h:column>
         					<f:facet name="header" >
         						<h:outputText value="Signature Tracking ID" />
         					</f:facet> 
         					<h:outputText value="#{sig.signatureTrackingId}"  />
         				</h:column>
         				<h:column>
         					<f:facet name="header" >
         						<h:outputText value="Signature Time" />
         					</f:facet> 
         					<h:outputText value="#{sig.creationDate}">
         						<f:convertDateTime 
									dateStyle="long" 
									timeStyle="long"
									timeZone="America/New_York" 
									type="both"/>
         					</h:outputText>
						</h:column> 
					</h:dataTable>
				</h:column>   
         	</h:dataTable>
			</div>							
			</h:column>		
		</h:panelGrid>
		
		<h:panelGrid columns="1" width="100%" styleClass="outerTable" columnClasses="standardTable_ColumnCentered">
			<f:facet name="header">
			<h:outputText value="Person Signed"  />
			</f:facet>		
		<h:column>
		<div class="allPeopleHolder" >
			<h:dataTable id="DATATABLE_SignatureLastName" width="100%" 
						value="#{sessionScope.person}" var="person" >
						<h:column>
						<h:outputText value="Name of the Person:" styleClass="textFont200" />
						<h:panelGroup>
							<h:outputText value="#{person.lastName}" styleClass="tableheadGreen">          					
         					</h:outputText>	
         					<h:outputLabel value=" " />
         					<h:outputLabel value="#{person.firstName}" styleClass="tableheadGreen" />
         					</h:panelGroup>
				         </h:column>	
	         </h:dataTable>		
	         </div>
	         </h:column>
	         </h:panelGrid>     
	 </h:form>
	</ui:define>
</ui:composition>
</div>
</html>
